<template>
  <div class="bigDiv">
    <el-col :span="2">
      <div class="grid-content bg-purple">关键字:</div>
    </el-col>
    <Mytable :tableData="tableData" :operation="operation" />
  </div>
</template>
<script>
import Menu1Child from "./menu1Child";
import Mytable from "./MyTable";
export default {
  name: "menu1",
  components: {
    Menu1Child,
    Mytable,
  },
  data() {
    return {
      menuName: "",
      menuValue: "",
      shouChild1: false,
      parentData: "快把我接住",
      childValue: "",
      isAttention: true,
      tableData: [
        { date: "2020-11-22", name: "张三", address: "成都市青牛区" },
        { date: "2019-10-23", name: "李四", address: "成都市武侯区" },
      ],
      operation: {
        name: "操作",
        width: "100",
        fixed: false,
        operation: [
          {
            name: "查看详情",
            fun: "lookDetail",
          },
        ],
      },
      formInline: {
        user: "",
        region: "",
      },
    };
  },
  created() {
    //   this.init();
  },
  mounted() {},
  methods: {
    lookDetail(rows) {
      console.log(rows);
      alert("查看详情");
    },
  },
  onSubmit() {
    console.log("submit!");
  },
};
</script>
<style scoped>
.bigDiv {
  border: 1px solid red;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  display: flex;
}
.el-icon-star-on {
  color: yellow;
}
</style>
